<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr">
<head>
	<link rel="stylesheet" href="images/style.css" type="text/css" />
  	<script type="text/javascript" src = "script/jquery-1.6.2.min.js"></script>
  	<script type="text/javascript" src = "script/main.js"></script>
	<title>Time Table</title>
	
</head>
<body>

	<div id="page" align="center">
	
		<div id="toppage" align="center">
			<div id="date">
				<div class="smalltext" style="padding:13px;" id = "dateDiv">
					<strong id ="dateStrong"></strong>
				</div>
			</div>
			
			<div id="topbar">
				<div align="right" style="padding:12px;" class="smallwhitetext">
					<a href="#" title="Your time table organizer!" id="home" class="menuLink">Home</a> | 
					<a href="#" title="About Us" id="about_us" class="menuLink">About Us</a> |
					<span id="unloggedMenu"> 
						<a href="#" title="Register" id="register" class="menuLink">Register</a>| 
						<a href="#" title="Login" id="login" class="menuLink">Login</a>
					</span>
					<a href="#" id="logout">Logout</a>
				</div>
			</div>
		</div>
		
		<div id="header" align="center">
			<div class="titletext" id="logo">
				<div class="logotext" style="margin:30px;">
					T
					<span class="orangelogotext">!</span>
					me Table
				</div> 
			</div>
			
			<div id="pagetitle">
				<div id="title" class="titletextsmall" align="right">
					Your time table organizer!
				</div>
			</div>
		</div>
		
		<div id="content" align="center">
		
			<div id="menu" align="right">
				<div align="right" style="width:189px; height:8px;">
					<img src="images/mnu_topshadow.gif" width="189" height="8" alt="mnutopshadow" />
				</div>
				
				<div id="linksmenu" align="center">
				</div>
				
				<div align="right" style="width:189px; height:8px;">
					<img src="images/mnu_bottomshadow.gif" width="189" height="8" alt="mnubottomshadow" />
				</div>
			</div>
			
			<!--  upon a click on a menu, the menu.js script will be run.
				  The script will create content under this div, by activating
				  a .jsp page from the contents file, with the name of the id 
				  of the menuLink being pressed-->
			<div id="contenttext">

			</div>
			
			<div id="footer" class="smallgraytext" align="center">
				<a href="#" title="Your time table organizer!" id="home" class="menuLink">
				Home</a> | 
				<a href="#" title="About Us" id="about_us" class="menuLink">
				About Us</a>
				<br />
			</div>
		</div>
		
	</div>
</body>
</html>
